<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<script type="text/javascript" src="js/core.js"></script>
<script type="text/javascript" src="js/layer/layer.js"></script>
<h2 style="text-align: center">用户记录</h2>
<form action="javascript:void(0)" class="navbar-form navbar-left">
    <div class="form-group">
        <label for="uRid">卡&nbsp;&nbsp;号：</label>
        <input type="text" class="form-control" id="uRid" placeholder="请输入卡号">
    </div>
    <div class="form-group">
        <label class="name" for="Name">姓&nbsp;&nbsp;名：</label>
        <input type="text" class="form-control" id="Name" placeholder="请输入姓名">
    </div>
    <button col-md-4 type="submit" id="usearch_submit" class="btn btn-primary">搜&nbsp;索</button>
    <button col-md-4 type="submit" id="auth_submit" class="btn btn-primary">未认证用户</button>
</form>
<button col-md-4 type="button" id="delete_submit" class="btn btn-primary" style="margin: 8px 0 0 0">删&nbsp;除&nbsp;选&nbsp;中</button>

<form action="javascript:void(0)" id="tabForm" method="post">
    <table class="table table-hover">
        <thead>
        <tr>
            <th><input id="checkboxs" type="checkbox"></th>
            <th>卡&nbsp;号</th>
            <th>姓&nbsp;名</th>
            <th>性&nbsp;别</th>
            <th>密&nbsp;码</th>
            <th>状&nbsp;态</th>
            <th>操&nbsp;作</th>
        </tr>
        </thead>
        <tbody id="RTable">
        <!--<tr>
            <td><input type="checkbox"></td>
            <td>1,001</td>
            <td>Lorem</td>
            <td>ipsum</td>
            <td>dolor</td>
            <td id="tr1">
                <button type="button" class="btn btn-info">修改</button>
                <button type="button" class="btn btn-danger">删除</button>
            </td>
        </tr>-->
        </tbody>
    </table>
</form>

<nav aria-label="Page navigation">
    <div class="page_num_inf" style="float: left">
        <i></i> 共
        <span id="totalPage">0</span> 页 <span id="totalCount">0</span> 条
    </div>
    <ul id="paging" class="pagination">
        <!-- <li>
             <a href="#" aria-label="Previous">
                 <span aria-hidden="true">&laquo;</span>
             </a>
         </li>
         <li class="active"><a href="#">1</a></li>
         <li><a href="#">2</a></li>
         <li>
             <a href="#" aria-label="Next">
                 <span aria-hidden="true">&raquo;</span>
             </a>
         </li>-->
    </ul>
</nav>

<!-- Modal -->
<div id="modal">
    <%-- 此处是模态框的内容 动态的添加，在js中实现--%>
</div>
